Great job! Efficiently using the useEffect and clearInterval

I am planning to use websocket to achieve real time communication. I'll try to implement it today. Can we have a meeting about websockets if you have time? I quite didn't understand it 😆

Two suggestions for improvement:
First : consider using state to store the values of the name and message inputs.

Second : extract the fetch functionality into its own function to improve code organisation and maintain single responsibility.

I didn't understand the second suggestion. could you please make it more clear?

Well, we can create a single reusable fetch function to handle the fetching logic, like:

function fetchMessages(url, options) {
  return fetch(url, options)
    .then((response) => response.json())
    .then((data) => data.slice().reverse());
}

then you can use it for both getMessages and setMessages:

function getMessages() {
  fetchMessages("https://module-servers.onrender.com/messages")
    .then((data) => setMessages(data));
}



//...
const requestOptions = {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify(newMessage),
};

fetchMessages("https://module-servers.onrender.com/messages", requestOptions)
  .then((data) => setMessages(data));

There are different ways to do that, you can update it according to your taste ;)

Same one for this part too!

done 👍